<template>
    <view>
		<!-- 公司介绍 -->
       <view class="aboutItem" v-for="item in aboutList">
			<view class="title">{{item.name}}</view>
			<view class="content">{{item.mycontent}}</view>
       </view>
	   <!-- 业务介绍 -->
	   <!-- 关注我们 -->
	   <!-- 二维码 -->
	   <view class="qrCodeItem">
	      <image :src="qrCode" class="qrCode"></image>
	   </view>
    </view>
</template>

<script>
	import phoneDirectory from '@/components/phone-directory/phone-directory.vue'
	import { mycontent } from "../../api/home.js"
		
		export default {
		    name:"phones",
		    components:{
		        phoneDirectory
		    },
		    data() {
		        return {
		            phones:{},
					aboutList:[{
						title:"公司介绍",
						content:"icon元素包括两个可选的子元素:small-icon子元素和large-icon子元素.国内功能很强大且图标内容很丰富的矢量图标库,提供矢量图标下载、在线存储、格式转换等功能。阿里巴巴体验团队倾力打造,设计和前端开发的便"
					},
					{
						title:"业务介绍",
						content:"icon元素包括两个可选的子元素:small-icon子元素和large-icon子元素.国内功能很强大且图标内容很丰富的矢量图标库,提供矢量图标下载、在线存储、格式转换等功能。阿里巴巴体验团队倾力打造,设计和前端开发的便"
					},
					{
						title:"关注我们",
						content:"icon元素包括两个可选的子元素:small-icon子元素和large-icon子元素.国内功能很强大且图标内容很丰富的矢量图标库,提供矢量图标下载、在线存储、格式转换等功能。阿里巴巴体验团队倾力打造,设计和前端开发的便"
					}]
		
		        }
		    },
			onLoad() {
				this.init()
			},
		    methods : {
				async init(){
					this.mycontent()
				},
		        paramClick (e) {
		            uni.$emit('brand', e)
					uni.navigateBack()
		        },
				
				inputChange(e) {
					this.getbrand(e.detail.value)
				},
				
				async mycontent(search) {
					var res = await mycontent();
					console.log(res);
					if(res.data.code == 1) {
						console.log(res.data.data)
						this.aboutList = res.data.data.list;
						this.qrCode = res.data.data.img;
					}
				}
		    }
		}
	
</script>
<style>
	page{
		background-color: white;
	}
	.aboutItem{
		margin:20px  15px;
	}
	.title{
		font-size: 32rpx;
		font-family: PingFang SC;
		font-weight: 500;
		color: #000000;
		line-height: 69rpx;
	}
	.content{
		font-size: 26rpx;
		font-family: PingFang SC;
		font-weight: 400;
		color: #808080;
		line-height: 48rpx;
	}
	.qrCodeItem{
		display: flex;
		justify-content: center;
	}
	.qrCode{
		width: 218rpx;
		height: 218rpx;
	}
</style>